<div class="slider-wrapper">
  <div id="da-slider" class="da-slider">
    <div class="da-slide" class="da-slide">
      <h2>Welcome to My Survey</h2>
      <p>Build your own surveys and distribute to your important customers</p>
      <div class="da-image">
        <img src="../assets/img/cover.png">
      </div>
    </div>
  </div>
</div>
<div id="wrapper" class="home-page">
  <div class="container">
    <hr>
    <div class="row">
      <div class="title-out">
        <h3>Latest Surveys</h3>
      </div>
    </div>
    <survey-summary-list [summaryList]='latestSurveys'>Loading...</survey-summary-list>
    <hr>
    <div class="row">
      <div class="title-out">
        <h3>Most Popular Surveys</h3>
      </div>
    </div>
    <survey-summary-list [summaryList]='popularSurveys'>Loading...</survey-summary-list>

    <hr>
  </div>
</div>